<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的问卷</title>
    <link href="../css/mainList.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="../js/header.js"></script>
    <script type="text/javascript" src="../js/mainList.js"></script>
</head>
<body>
<main>
    <div class="box">
        <!--问卷的状态栏-->
        <div class="allState">
            <p class="title">标题</p>
            <p class="time">时间</p>
            <p class="state">状态</p>
            <p class="action">操作</p>
            <a href="newQues.html">
                <div class="newOne">
                    <p> + 新建问卷</p>
                </div>
            </a>
        </div>
        <div class="list" id="">
            <div class="questionnaire">
                <label>
                    <!--每一份问卷的具体状态-->
                    <input type="checkbox" name="check_list" />
                    <p class="title">这是我的第一份问卷</p>
                    <p class="time">2023-01-02 13:13</p>
                    <p class="state">发布中</p>
                    <button type="button" onclick="location.href=('writeQues.html')">填写</button>
                    <button type="button" onclick="location.href=('editQues.html')">编辑</button>
                    <button type="button" onclick="showDelete(this)">删除</button>
                    <button type="button" onclick="location.href=('Ques.html')">查看数据</button>
                </label>
            </div>
            <div class="questionnaire">
                <label>
                    <!--每一份问卷的具体状态-->
                    <input type="checkbox" name="check_list" />
                    <p class="title">这是我的第二份问卷</p>
                    <p class="time">2023-01-31 13:45</p>
                    <p class="state">未发布</p>
                    <button type="button" onclick="location.href=('writeQues.html')">填写</button>
                    <button type="button" onclick="location.href=('editQues.html')">编辑</button>
                    <button type="button" onclick="showDelete(this)">删除</button>
                    <button type="button" onclick="location.href=('Ques.html')">查看数据</button>
                </label>
            </div>
            <div class="questionnaire">
                <label>
                    <!--每一份问卷的具体状态-->
                    <input type="checkbox" name="check_list" />
                    <p class="title">这是我的第三份问卷</p>
                    <p class="time">2023-01-05 18:22</p>
                    <p class="state">已结束</p>
                    <button type="button" onclick="location.href=('writeQues.html')">填写</button>
                    <button type="button" onclick="location.href=('editQues.html')">编辑</button>
                    <button type="button" onclick="showDelete(this)" class="deleteButton">删除</button>
                    <button type="button" onclick="location.href=('Ques.html')">查看数据</button>
                </label>
            </div>
            <div class="select" id="deleteAll">
                <label><input type="checkbox" id="selectAll" onclick="check()" />
                    <p class="selectAll">全选</p>
                </label>
                <button type="button" onclick="showDelete(this)" class="deleteButton">删除</button>
            </div>
        </div>
    </div>
</main>
<!--删除的提示框-->
<footer>
    <div class="delete" id="delete">
        <div class="top">
            <p class="tip">提示</p>
            <img onclick="hideDelete()" src="../img/close.svg">
        </div>
        <p class="content" id="del_confirm">确认要删除此问卷？</p>
        <button type="button" onclick="yesDelete()">确认</button>
        <button type="button" onclick="hideDelete()">取消</button>
    </div>
</footer>
</body>
</html>